<script>
import Tinymce from "@/components/Tinymce/index.vue";
export default {
  props: ["node"],
  components: { Tinymce },
  data() {
    return {
      a: null,
    };
  },

  mounted() {},
  render(h) {
    return (
      <div>
        <el-form-item label="标题">
          <Tinymce
            value={this.node.title}
            onInput={(e) => {
              this.node.title = e;
            }}
          ></Tinymce>
        </el-form-item>
        <el-form-item label="栅格">
          <el-slider
            value={this.node.span}
            max={24}
            min={0}
            marks={{ 12: "12" }}
            onInput={(e) => {
              this.node.span = e;
            }}
          ></el-slider>
        </el-form-item>
        <el-form-item label="必选">
          <el-switch
            value={this.node.require}
            onChange={(e) => {
              this.node.require = e;
            }}
            active-text="是"
            inactive-text="否"
            active-value={true}
            inactive-value={false}
          ></el-switch>
        </el-form-item>
        <el-form-item label="提示">
          <el-input
            type="textarea"
            rows={4}
            value={this.node.tip}
            placeholder="请输入（为空则不显示）"
            onInput={(e) => {
              this.node.tip = e;
            }}
            size="small"
            clearable
          ></el-input>
        </el-form-item>
      </div>
    );
  },
};
</script>

<style scoped>
</style>